<template>
    <div class="coupon_db">
        <span v-if="type!='rebate'">{{num}}</span>
        <div v-if="type=='rebate'" class="zhekou">{{num|numRebateF}}</div>
    </div>
</template>
<script>
    export default {
        data:function(){
            return{
                firstNum:'',
                endNum:''
            }
        },
        props:["num",'type'],
        created(){
            this.endNumEvent();
        },
        mounted:function(){

        },
        computed:{

        },
        watch:{
            type(){
                this.endNumEvent();
            }
        },
        methods:{
            endNumEvent:function(){
                if(this.type == 'rebate'){
                    // console.log(2222)
                    let _price = this.num.toString();
                    if(_price >= 10){
                        this.firstNum = _price.slice(0,1);
                        this.endNum = _price.slice(1,2);
                    }else{
                        this.firstNum ='0';
                        this.endNum = _price.slice(0,1);
                    }

                }
            }
        },
        filters:{
            numRebateF:function(value){
                let _price = value.toString();
                if(_price >= 10){
                    var str = _price.slice(0,1);
                }else{
                    var str ='0';
                }
                if(_price.slice(1,2)){
                    if(_price.slice(1,2)==0){
                        return value/10+'.'+0;
                    }
                }
                return value/10;
            },
//            numRebateE:function(value){
//                let _price = value.toString();
//                if(_price >= 10){
//                    var str = _price.slice(1,2);
//                }else{
//                    var str = _price.slice(0,1);
//                }
//                console.log(value);
//
//                return str;
//            }
        }
    }
</script>
<style>

</style>
